let form = layui.form
form.verify({
    nickname: value => {
        if (value.length > 6) {
            return '昵称长度必须在 1 ~ 6 个字符之间！'
        }
    }
})

// 获取用户的基本信息
function initUserInfo() {
    $.ajax({
        method: 'GET',
        url: '/my/userinfo',
        success: res => {
            const {
                status,
                message

            } = res
            if (res.status !== 0) {
                return layui.layer.msg(message)
            }
            //要获取的表单名字，要添加的表单数据
            form.val('formUserInfo', res.data)
            // console.log(data);
        }
    })
}
initUserInfo()


/**
 * 完成修改用户信息的功能
 * 1. 需要给表单注册submit事件 阻止表单的默认行为
 * 2. 需要收集到 表单的数据
 * 3. 查阅接口文档 关注请求方式与请求参数 还有请求的类型
 * 4. 发送ajax
 * 5. 接收服务器响应回来的数据
 * 6. 判断是否修改成功 如果失败就需要提示用户
 * 7. 如果成功 需要更新页面上面的数据
 */
$('#editForm').on('submit', function (e) {
    e.preventDefault()
    const data = $(this).serialize()
    console.log(data);
    $.ajax({
        type: 'post',
        url: '/my/userinfo',
        data,
        success: res => {
            const {
                status,
                message
            } = res
            if (status !== 200) layui.layer.msg(message)

            layui.layer.msg('修改成功')
            window.parent.getUserInfo()
        }
    })
})
//重置按钮
$('#reset').on('click', function (e) {
    e.preventDefault()
    initUserInfo()
})